<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="../js/d3.v3.js"></script>
</head>
<body>
<script>
	var svg = d3.select("body")
			.append("svg")
			.attr("width", 500)
			.attr("height", 100)

	var dataset = [];
	for (var i = 0; i < 5; i++) {
		var newNumber = Math.random() * 30;
		dataset.push(newNumber);
	}

	var circles = svg.selectAll("circle")
			.data(dataset)
			.enter()
			.append("circle")

	circles
			.attr("cx", function (d, i) {
				return (i * 50) + 25;
			})
			.attr("cy", 50)
			.attr("r", function(d){
				return d;
			})
			.attr("fill", "yellow")
			.attr("stroke", "orange")
			.attr("stroke-width", function(d){
				return d/2;
			})
</script>
</body>
</html>